import './index.less';
import SvgIcon from '../../components/SvgIcon/index';
import { useNavigate } from 'react-router-dom';

export default function Detail() {
  const navigate = useNavigate();

  const handleClick = () => {
    navigate('/');
  };

  return (
    <div className="offline-detail">
      <div className="header" onClick={handleClick}>
        <SvgIcon name="arrow" size="18" color="#000" />
      </div>
      <div className="content">
        <div className="title">如何使设备上线?</div>
        <div className="description">
          <p>1.确认设备正常通电。</p>
          <p>2.确认环境网络正常使用。</p>
          <p>
            3.如步骤1、2未能解决问题，可尝试在和家亲中删除设备并重新绑定设备。
          </p>
        </div>
      </div>
      <div className="btn" onClick={handleClick}>
        我知道了
      </div>
    </div>
  );
}
